﻿.page-title{
    margin: 0 0 25px 0;
    padding:0;
    border-bottom:1px solid #aaa;
}

#footer a{
    color:#8c1515;
    font-weight: bold;
    text-decoration: none;
    font-size: 13px;
}

[website="castle.com"] {
    display: inline-block;
    width: 300px;
    height: 300px;
    background-color: blue;
    border:10px solid blue;
}

[website="castle.com"]:hover {
    background-color: black;
    border-color: yellow;
}

p.child:first-child {
    color:#fff;
    background-color: black;
}

p.child:last-child{
    background-color: green;
    color:red;
}

.test {
    border:1px solid red;
    width: 100%;
    font-size: 30px;
    padding:10px 0;
    color:#999;
    opacity: 0.25;
}

.test:focus {
    border:4px solid gold;
    outline: 0;
    color:black;
    opacity: 1;
}

input[type='checkbox']:checked + div.demo{
    height: 50px;
    width: 50px;
    background-color: blue;
    color:#fff;
}

div:disabled,
input:disabled {
    background-color: black;
    border:2px solid red;
}

.para:not(.graph){
    background-color: black;
    color:white;
}

.block{
    float:right;
    width: 200px;
    height: 200px;
    background-color: #fff;
    border:1px solid #ccc;
    position: relative;
}

.block:hover::before{
    display: inline-block;
    content: 'Hi my name is Kalob ';
    color:#fff;
    background-color: black;
    position: absolute;
    left:-200px;
    top:0;
    width: 200px;
    height: 200px;
}











